@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('../fonts/ChunkFive/Chunkfive-webfont.eot');
    src: url('../fonts/ChunkFive/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ChunkFive/Chunkfive-webfont.woff') format('woff'),
         url('../fonts/ChunkFive/Chunkfive-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot');
	src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon.woff') format('woff'),
		url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* reset.css */
html, body{margin:0;padding:0;border:0;width: 100%;height: 100%;}
body {font-size: 100%;background:rgb(253,248,171);color:#222;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;width: 100%;}
a {
	text-decoration: none;
	color: #0084ff;
	cursor: pointer;
}
:focus {outline:0;}

*,
*:after,
*::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-tooltip, .arrow:after {
	background: #a8f;
	border: 1px solid white;
}
.ui-tooltip {
	padding: 5px 10px;
	color: #fff;
	border-radius: 5px;
	font: 1em Arial, Sans-Serif;
	text-transform: uppercase;
	box-shadow: 0 0 7px black;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
	background: #AC465A;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	color: #fff;
}

.leaflet-popup-content {
	margin: 4px 15px 3px 8px;
	line-height: 1.4;
}

textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"] {
	display: inline-block;
	height: 30px;
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	      border-radius: 4px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	   -o-transition: border linear 0.2s, box-shadow linear 0.2s;
	      transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus {
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	      border-radius: 4px;
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}


form input[type="text"], form input[type="password"], input[type="email"] {
	width: 100%;
	float: right;
}

form table{
	width: 100%;
}

tr {
	height: 50px;
}

form label {
	font-weight: bold;
	display: inline-block;
	font-style: italic;
}

.btn {
	color: #fff;
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover {
	color: #fff;
	text-decoration: none;
	background-color: #e6e6e6;
	/* Buttons in IE7 don't get borders, so darken on hover */

	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	 -moz-transition: background-position 0.1s linear;
	   -o-transition: background-position 0.1s linear;
	      transition: background-position 0.1s linear;
}

.btn-green {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-green:hover,
.btn-green:active,
.btn-green.active {
	color: #fff;
	background-color: #51a351;
}

.btn-red {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	}

.btn-red:hover,
.btn-red:active,
.btn-red.active {
	background-color: #bd362f;
}
/************************/
/*						*/
/*  css for index.html  */
/*						*/
/************************/

#wrapper {
	height: 100%;
	width: 100%;
}

/*	icon menu  */

.its-icon:before,
.menu-icon::before {
	font-family: 'icomoon';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	speak: none;
	line-height: 1;	
	-webkit-font-smoothing: antialiased;	
}
.its-icon:before {
	margin: 0 4px;
	font-size: 2.5em;
	vertical-align: -8px;
	margin-left: -15px;
}

.menu-icon::before {
	display: inline-block;
	width: 60px;
	text-align: center;
	font-size: 1.5em;
	vertical-align: -5px;
}

.its-icon-menu span {
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.its-icon-screen::before {
	content: "\e60d";
	color: green;
}
.its-icon-menu::before {
	content: "\e610";
}

.its-icon-map2::before {
	content: "\e608";
}

.its-icon-warning::before {
	content: "\e611";
}

.its-icon-cog::before {
	content: "\e60f";
}

.its-icon-route::before {
	content: "\e614";
}

.its-icon-location::before {
	content: "\e606";
}

.its-icon-extra::before {
	content: "\e627";
}

.its-icon-info::before {
	content: "\e61f";
}

.its-icon-mobile::before {
	content: "\e619";
}

.its-icon-share::before {
	content: "\e600";
}

.its-icon-bell::before {
	content: "\e607";
	color: gray;
}

.its-icon-user::before {
	content: "\e61a";
	color: red;
}

.its-icon-record::before {
	content: "\e618";
	color: blue;
}

.its-icon-facebook::before {
	content: "\e628";
	float: left;
	margin: 10px 10px;
}

.its-icon-bell:hover::before{
	color: #fff;
}

a.warning_actived::before
{
	color: rgb(223, 172, 14);
}



.its-icon-facebook:hover::before {
	color: #262df2;
}

.its-icon-google-plus::before {
	content: "\e62a";
	float: left;
	margin: 10px 10px 10px 50px;
}
.its-icon-google-plus:hover::before {
	color: #f23232;
}

.its-icon-twitter::before {
	content: "\e629";
	float: left;
	margin: 10px 10px;
}
.its-icon-twitter:hover::before {
	color: #27e6f7;
}

/* menu bar header */
/*.its-menu-main,
.its-menu-main ul {
	margin: 0;
	padding: 0;
	background: #F4F1EE;
	list-style: none;
	text-transform: none;
	font-weight: 300;
	line-height: 60px;
	border-bottom: 1px solid #c6d0da;
}

.its-menu-main {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	font-size: 13px;
	z-index: 2;
}

.its-menu-main > li {
	display: block;
	float: left;
	height: 100%;
	border-right: 1px solid #c6d0da;
	text-aliits: center;
}
*/
li.its-title-web {
	border-right: none;
}

/* icon-only trigger (menu item) */

.its-menu-main li.its-trigger {
	position: relative;
	width: 60px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.its-menu-main a {
	display: block;
	height: 100%;
	color: #5f6f81;
	text-decoration: none;
	cursor: pointer;
}

.its-menu-main a:hover{
	background: #5f6f81;
	color: white;
}

.its-menu-main > li:last-child{
	float: right;
	border-right: none;
	border-left: 1px solid #c6d0da;
}

li.its-speed-note {
	float: right;
}

li.its-signup-login {
	float: right;
	border-left: 1px solid #c6d0da;
}

li.its-alert-on-off {
	float: right;
}

.its-menu-main > li > a {
	padding: 0 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}

.its-menu-main:after {
	display: table;
	clear: both;
	content: "";
}

.its-menu-wrapper {
	position: fixed;
	top: 60px;
	bottom: 0;
	left: 0;
	border-top: 1px solid #c6d0da;
	background: white;
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	transform: translateX(-60px);
	-webkit-transition: -webkit-transform 0.3s, width 0.3s;
	-moz-transition: -moz-transform 0.3s, width 0.3s;
	transition: transform 0.3s, width 0.3s;
	width: 60px;
	overflow: hidden;
	z-index: 2;
}

.panel {
	position: fixed;
	top: 60px;
	left: 0;
	bottom: 0;
	display: none;
	background: #F4F1EE;
	border-right:1px solid #c6d0da;
	width: 360px;
	padding: 10px;
	overflow: hidden;
	z-index: 5;
}


.its-scroller {
	position: absolute;
	overflow-y: scroll;
	width: 370px;
	height: 100%;
}

.its-menu {
	border-bottom: 1px solid #c6d0da;
	text-align: left;
	font-size: 18px;
}

.its-menu li:not(:first-child){
	box-shadow: inset 0 1px #c6d0da
}


.its-icon-menu.its-selected:hover::before {
	background: #5f6f81;
	color: #fff;
}

.its-icon-menu.its-selected::before {
	color: #5993cd;
}

/* styles for opening menu */

.its-menu-wrapper.its-open-all,
.its-menu-wrapper.its-open-part,
.cards-traffic-control {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

.its-menu-wrapper.its-open-all {
	width: 340px
}

#display-search table, #display-search tr {
	width: 100%;
}

.panel tr {
	height: 40px;
}

.panel label {
	font-size: 1.2em;
}

.search-box h4 {

	font-style: normal;
}

input[type=search]{
	width: 325px;
	height: 38px;
	font-size: 1.2em;
	margin-bottom: 0;
}

.its-icon-search::before {
	content: "\e61b";
	font-size: 1em;
	margin: 0;
}

a.close-card {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	float: right;
	margin: 10px 30px;
}

a.close-card:hover {
	background-color: #fff;
	color: red;
}

.search-box {
	width: 100%;
	height: 100px;
	margin-top: 5px;
	margin-bottom: 10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.5);
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	line-height: 0;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 200px;
}

a.large {
	font-size: 1.5em;
	vertical-align: 10px;
}

/*  card control past traffic */

.image-note {
	margin-left: 5px;
}

#cards {
	-webkit-transform: translateZ(0);
	z-index: 4;
	outline: none;
	width: 340px;	
}

.cards-card {
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3),0 -3px 8px rgba(0,0,0,0.2);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 12px;
	outline: none;
	overflow: hidden;	
	width: 340px;	
	z-index: 4;
}

.cards-padding {
	padding-left: 13px;
	padding-bottom: 10px;
}

.cards-traffic-legend {
	width: 100%;
}

.cards-traffic-control {
	width: 100%;
	background-color: #fff;
	z-index: 4;
	padding-top: 10px;
	display: none;
}

.day-time-adjust {
	width: 100%;
	margin-bottom: 10px;
	display: none;
}

.day-time-adjust .day,
.day-time-adjust .time {
	margin: 0;
	padding: 0;
	width: 40%;
	float: left;
}

.day-time-adjust .time {
	width: 57%;
	margin-top: 8px;
	margin-left: 8px;
}

.day-time-adjust .time label{
	vertical-align: 8px;
}

.its-menu-main .day-time-adjust .day ul{
	display: inline;
	line-height: 25px;
}

.day ul li > a {
	color: #000;
	float: left;
	padding: 0 3px;
}

.day ul li a:hover, .day ul li a.actived {
	color: #119ff7;
	background-color: #fff;
	display: inline;
}

.day ul li a:hover {
	font-size: 1.3em;
	color: red;
}

.time-scale ul {
	line-height: 10px;
	border: 0;
	margin-left: 20px;
}

.time-scale ul li{
	float: left;
	padding: 0 10px;
	font-size: 0.8em;
}

.time-slider {
	float: left;
	width: 170px;
}

input[type=range] {
	width: 150px;
	padding: 0;
}

.cards-traffic-arrow-left {
	border-right: 5px solid #787878;
	margin-right: 3px;
}

.cards-traffic-arrow-left, .cards-traffic-arrow-right {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	vertical-align: top;
	margin-top: 4px;
	float: left;
}

.cards-traffic-arrow-right {
	border-left: 5px solid #787878;
	margin-left: 3px;
}

.time a, .time a:hover {
	background-color: #fff;
	margin-top: 7px;
}





/*  header component  */
.its-title-web {
	cursor: default;
	text-align: center;

}

.traffic-logo {
	text-shadow: 0 -2px 3px #FFF, 0 -4px 3px #AAA, 0 -6px 6px #181818, 0 -8px 9px #000;
	font-family: ChunkFiveRegular, serif;
	font-size: 3.8em;
	padding-left: 20px;
	color: black;
}

.faculty {
	text-shadow: -2px 0px 0px #0065ff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px;
	color: blue;
}

.project-name{
	font-family: Arial, serif;
	font-size: 3.0em;
	font-weight: bold;
	padding: 0 5px;
	color: #58614E;
}

.its-speed-note{
	line-height: 0.8em;
}

.its-speed-note p {
	margin: 7px 0;
}

.its-speed-note img{
	padding-top: 10px;
}
.its-speed-note .measure{
	padding: 0 10px;
	font-size: 1.2em;
	vertical-align: 3px;
}

.speed0 {
	padding-left: 58px;
}
.speed5 {
	padding-left: 5px;
}
.speed10 {
	padding-left: 15px;
}
.speed30 {
	padding-left: 35px;
}
.speed50 {
	padding-left: 50px;
	padding-right: 5px;
}

.select-display {
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;	
}

.Map-Container {
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 !important;

}

#MainMap {
	width: 100%;
	height: 100%;
	z-index: 1;
}


/* 		Share panel 	*/

.input_hidden {
    position: absolute;
    left: -9999px;
}

.selected {
    background-color: #ccc;
}

.share_tab label {
    display: inline-block;
    cursor: pointer;
    margin: 10px;
}


#problem_share label:hover {
    background-color: yellow;
}

#location_share label:hover {
	background-color: #00ADEE;
}

.share_tab label img {
    padding: 3px;  
}

#warning_box, #location_box {
	padding-left: 20px;
}

.notes-problem{
	padding: 0px 5px 10px 10px;
	font-size: 0.9em;
}

.note-text {
	font-style: italic;
	font-weight: bold;
}

.item-problem:hover,
.item-problem:visited,
.item-problem:active {
	background-color: #F4DA60;
}

.number-proplem {
	color: #000;
	background-color: yellow;
	border: 2px solid red;
	font-size: 1.5em;
	font-weight: bolder;
	font-family: ChunkFiveRegular, serif;
	text-align: center;
}

#share_tabs {
	margin-right: 14px;
}

.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.2em;
background: none;
}

#success-share-location,
#success-share-problem{
	color: blue;
	font-weight: bolder;
	font-size: 0.8em;
	font-style: italic;
}
/************************/
/*						*/
/*css for register.html */
/*						*/
/************************/

.contentWrapper {
	position: absolute;
	top: 60px;
	bottom: 0;
	width: 80%;
	overflow: auto;
	margin: 0 10%;
  	border-left: 1px solid rgb(75,75,75);
  	border-right: 1px solid rgb(75,75,75);
  	box-shadow: 0 0 15px 5px rgba(44,82,100,.75);
  	padding: 20px;
	background-color: #fff;
}

.terms-content {
	width: 45%;
	float: left;
}

.policy-board {
	width: 100%;
	margin: 10px;
	background-color: rgb(250,235,199);
	padding: 10px 20px; 
	border: 1px dotted rgb(252,101,18); 
	border-top: 20px solid rgb(252,101,18);
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.5);
}

#form-tabs {
	width: 50%;
	float: right;
} 

.terms-content h2,
 #form-tabs h2 {
	color: #000;
	text-align: center;
}

.policy-board h3 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color: rgb(249,107,24);
	text-align: left;
	padding: 0;
	margin: 0;
}

#form-tabs .nav {
	overflow: hidden;
	margin-bottom: 0;
}

#form-tabs ul {
	list-style: none;
}

#form-tabs ul li.register-tab,
#form-tabs ul li.login-tab,
#form-tabs ul li.contactUs-tab{
	width: 33.33333%;
	float: left;
	text-align: center;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	font-weight: bold;
	background: #ffbd27;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffbd27), color-stop(0.5, #ffb119), color-stop(0.51, #ff9d19), to(#ff9d19));
	background: -webkit-linear-gradient(#ffbd27 0%, #ffb119 50%, #ff9d19 51%, #ff9d19 100%);
	background: -moz-linear-gradient(#ffbd27 0%, #ffb119 50%, #ff9d19 51%, #ff9d19 100%);
	background: -o-linear-gradient(#ffbd27 0%, #ffb119 50%, #ff9d19 51%, #ff9d19 100%);
	background: linear-gradient(#ffbd27 0%, #ffb119 50%, #ff9d19 51%, #ff9d19 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd27', endColorstr='#ff9d19',GradientType=0 );
}

#form-tabs ul li.register-tab a.current, #form-tabs ul li.register-tab a:hover{
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0247e8), color-stop(0.5, #0247e8), color-stop(0.51, #0034ad), to(#0034ad));
	background: -webkit-linear-gradient(#0247e8 0%, #0247e8 50%, #0034ad 51%, #0034ad 100%);
	background: -moz-linear-gradient(#0247e8 0%, #0247e8 50%, #0034ad 51%, #0034ad 100%);
	background: -o-linear-gradient(#0247e8 0%, #0247e8 50%, #0034ad 51%, #0034ad 100%);
	background: linear-gradient(#0247e8 0%, #0247e8 50%, #0034ad 51%, #0034ad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0247e8', endColorstr='#0034ad',GradientType=0 );
}

#form-tabs ul li.login-tab a.current, #form-tabs ul li.login-tab a:hover {
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff1919), color-stop(0.5, #ed0000), color-stop(0.51, #c90000), to(#c90000));
	background: -webkit-linear-gradient(#ff1919 0%, #ed0000 50%, #c90000 51%, #c90000 100%);
	background: -moz-linear-gradient(#ff1919 0%, #ed0000 50%, #c90000 51%, #c90000 100%);
	background: -o-linear-gradient(#ff1919 0%, #ed0000 50%, #c90000 51%, #c90000 100%);
	background: linear-gradient(#ff1919 0%, #ed0000 50%, #c90000 51%, #c90000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1919', endColorstr='#ed0000',GradientType=0 );
}

#form-tabs ul li.contactUs-tab a.current, #form-tabs ul li.contactUs-tab a:hover {
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#b200ff), color-stop(0.5, #b200ff), color-stop(0.51, #6900bf), to(#6900bf));
	background: -webkit-linear-gradient(#b200ff 0%, #b200ff 50%, #6900bf 51%, #6900bf 100%);
	background: -moz-linear-gradient(#b200ff 0%, #b200ff 50%, #6900bf 51%, #6900bf 100%);
	background: -o-linear-gradient(#b200ff 0%, #b200ff 50%, #6900bf 51%, #6900bf 100%);
	background: linear-gradient(#b200ff 0%, #b200ff 50%, #6900bf 51%, #6900bf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b200ff', endColorstr='#6900bf',GradientType=0 );
}

#form-tabs .nav li a {
	color: #fff;
	padding: 5px;
	display: block;
}

#form-tabs ul li a.current, #form-tabs ul li a:hover{
	font-size: 1.1em;
}

.info-menu::before {
	color: #0099CC;
}

.map-return-menu::before {
	color: #99cc00;
}

#register,
#login,
#contactUs {
	width: 100%;
	color: #777;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px; 
	overflow: hidden;
	padding: 20px 40px;
}

#register {
	-webkit-box-shadow: 0px 0px 8px 2px #0247e8;
	-moz-box-shadow: 0px 0px 8px 2px #0247e8;
	box-shadow: 0px 0px 8px 2px #0247e8; 
}

#login {
	-webkit-box-shadow: 0px 0px 8px 2px #ff1919;
	-moz-box-shadow: 0px 0px 8px 2px #ff1919;
	box-shadow: 0px 0px 8px 2px #ff1919; 
}

#contactUs {
	-webkit-box-shadow: 0px 0px 8px 2px #b200ff;
	-moz-box-shadow: 0px 0px 8px 2px #b200ff;
	box-shadow: 0px 0px 8px 2px #b200ff; 
}



.red {
	color: red;
}


#mesg {
	width: 100%;
	height: 200px;
}

.hide {
	position: absolute; top: -9999px; left: -9999px;
}

#wrapper-mobile {
	display: none;
}
/************************/
/*						*/
/*Responsive Web Design */
/*						*/
/************************/

.center {
    text-align: center;
}
@media screen and (max-width: 988px) {
	.its-icon span {
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	.its-icon {
		width: 60px;
	}

}

@media screen and (max-width: 910px) {
	.its-title-web{
		display: none !important;
	}
}

@media screen and (max-width: 525px) {
	#wrapper-none-mobile{
		display: none !important;
	}

	#wrapper-mobile{
		display: block;
	}
}

